<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		
	</head>
	<body>
		<div class="container">
			<div class="row">
				<!-- 左侧布局-->
				<div class="col-12 col-sm-4 bg-info">
					<div>
						<img src="Example-ch3/img/jianli.JPG" >
					</div>
					<div>
						<p><span class="iconfont icon-yonghu"></span>年龄:</p>
						<p><span class="iconfont icon-rili"></span>工作年限：</p>
						<p><span class="iconfont icon-dianhua"></span>联系电话：</p>
						<p><span class="iconfont icon-youxiang"></span>电子邮箱：</p>
					</div>
					<h4>技能特长</h4>
					<!-- 栅格的嵌套 -->
					<div class="row">
						<div class="col-sm-4">
							<span>HTML5</span>
						</div>
						<div class="col-sm-8">
							<!-- 进度条 -->
							<div class="progress">
								<div class="progress-bar bg-success progress-bar-striped" style="width: 95%;"></div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4">
							<span>CSS3</span>
						</div>
						<div class="col-sm-8">
							<!-- 进度条 -->
							<div class="progress">
								<div class="progress-bar bg-warning progress-bar-striped" style="width: 98%;"></div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4">
							<span>JavaScript</span>
						</div>
						<div class="col-sm-8">
							<!-- 进度条 -->
							<div class="progress">
								<div class="progress-bar bg-danger progress-bar-striped" style="width: 92%;"></div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4">
							<span>BootStrap</span>
						</div>
						<div class="col-sm-8">
							<!-- 进度条 -->
							<div class="progress">
								<div class="progress-bar bg-primary progress-bar-striped" style="width: 75%;"></div>
							</div>
						</div>
					</div>
				</div>
				<!-- 右侧布局 -->
				<div class="col-12 col-sm-8">
					<div class="rbox">
					      <h3>你的名字</h3>
					      <p>一句话介绍自己，告诉HR为什么选择别人而不是别人</p>
					    </div>
					    <div class="rbox">
					      <h4>求职意向</h4>
					      <p>Web前端开发工程师</p>
					    </div>
					    <div class="rbox">
					      <h4>教育背景</h4>
					      <p>2015.9-2019.6&nbsp;&nbsp;XX学院计算机科学与技术专业（本科）</p>
					    </div>
					    <div class="rbox">
					      <h4>工作经验</h4>
					      <p>2018.9-2019.6&nbsp;&nbsp;XX互联网科技公司&nbsp;&nbsp;Web前端实习生</p>
					      <p></p>
					      <p>工作描述</p>
					      <ul>
					        <li>负责编写详细需求分析和客户管理模块；</li>
					        <li>实现了客户添加、客户修改、客户删除、批量删除客户、分页等几大功能；</li>
					        <li>分别用到Myeclipse开发工具、orcal数据库、ssh、javascript、jquery等开发技术，现几大功能运行稳定，运算速度明显变快。 </li>
					      </ul>
					    </div>
					    <div class="rbox">
					      <h4>自我评价</h4>
					      <ol>
					        <li>关注前端前沿技术，基本功扎实，熟悉应用jQuery，熟悉HTML5、CSS3、ES6等；</li>
					        <li>熟练应用常见的前端框架并掌握其原理，有组件化的思想，担当且创新；</li>
					        <li>较强的学习能力和适应能力，良好的独立分析解决问题能力和逻辑分析思维；</li>
					        <li>良好的团队沟通协作力和服务意识，较强的工作执行力和抗压能力，愿与公司一同发展。</li>
					      </ol>
					    </div>
					  </div>
					</div>
						
				</div>
		</div>
	</body>
</html>
